//pujianbo.css
@import "quote.scss"; //
//测试数据

#loginrole {
    padding: 2rem;
    font-size: 26px;

    li {
        border-bottom: 1px solid #ccc;
        padding: 0.8rem 0.2rem;
    }
}

.loginbox {
    margin-top: 100px;
    padding: 2rem;

    input,
    select {
        margin: 0.8rem 0;
        padding: 0.6rem 0.4rem;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 10px;
    }

    input[type=checkbox] {
        width: auto;
    }

    .sumbmit {
        color: #fff;
        background-color: $colorBlue;
        border-width: 0;
        font-size: 32px;
    }

    .reset {
        color: #fff;
        background-color: $colorRed;
        border-width: 0;
        font-size: 32px;
    }
}
//校内公告

.pjb_noticelist {
    .pnt_item {
        //min-height: 100px;
        display: block;
        margin-bottom: 1px;
        padding: 20px 90px 20px 78px;
        position: relative;
        background: #fff url("../Img/icon/right_blue.png") no-repeat right 20px center;
        background-size: 14px;

        .time {
            margin-top: 12px;
        }

        .type {
            width: 40px;
            height: 80px;
            position: absolute;
            left: 20px;
            top: 24px;
            background: url("../img/icon/notice.png") no-repeat left top;
            background-size: 40px;
        }

        .type_task {
            @extend .type;
            background-image: url("../img/icon/task.png");
        }

        h5 {
            color: $colorBlue;
            font-size: 30px;

            span {
                display: inline-block;
                max-width: 70%;
                @extend .text-els;
            }

            i {
                background-color: $colorRed;
                margin-left: 30px;
                color: #fff;
                font-size: 24px;
                border-radius: 24px;
                line-height: 1rem;
                font-style: normal;
                padding: 0 11px 3px;
                display: inline-block;
                vertical-align: text-top;
                box-shadow: 0 0 10px 0 $colorRed;
            }
        }

        .intro {
            font-size: 26px;
            color: #666;
            margin: 12px 0;
            max-height: 3em;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            //-webkit-line-clamp: 2;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .time {
            font-size: 22px;
            color: #999;

            span {
                padding-left: 12px;
            }
        }

        .read,
        .ready {
            font-size: 26px;
            position: absolute;
            right: 30px;
            bottom: 20px;
        }

        .read {
            color: $colorBlue;
        }

        .ready {
            color: #999;
        }
    }
}
//公告详情

div.pjb_ntcdetail {
    margin: 30px 20px 40px;

    .pnt_item {
        padding: 30px;
        background-image: none;

        .time {
            margin-top: 8px;
        }

        .intro {
            margin-bottom: 0;
            max-height: none;
            -webkit-line-clamp: initial;
            word-wrap: break-word;
        }

        h5 {
            white-space: normal;
            word-wrap: break-word;
        }
    }
}

.pnt_other {
    h5 {
        font-size: 28px;
        color: #666;
        margin-top: 40px;
    }

    .siglebar {
        height: 70px;
        line-height: 70px;
    }

    .filelist {
        margin-top: 10px;

        li {
            background: #fff url("../img/icon/unknown.png") no-repeat left 30px center;
            background-size: 60px;
            margin: 10px 0;
            padding: 20px 30px 20px 130px;
            position: relative;

            &.doc,
            &.docx {
                background-image: url("../img/icon/word.png");
            }

            &.xls,
            &.xlsx {
                background-image: url("../img/icon/excel.png");
            }

            &.ppt,
            &.pptx {
                background-image: url("../img/icon/ppt.png");
            }

            &.png {
                background-image: url("../img/icon/png.png");
            }

            &.jpg {
                background-image: url("../img/icon/jpg.png");
            }

            &.voicebo {
                background-image: url("../img/icon/bo.png");
            }

            &.voiceting {
                background-image: url("../img/icon/ting.png");
            }

            &.video {
                background-image: url("../img/icon/video.png");
            }

            &.mp4 {
                background-image: url("../img/icon/mp4.png");
            }

            &.nobj {
                background-image: none;
            }

            &.replay {
                // background: #fff url("../img/icon/replay.png") no-repeat right 30px center;
                background: #fff;
                background-size: 30px;
                padding-right: 60px;
                word-wrap: break-word;
            }

            &.ntcfile {
                a,
                div {
                    font-size: 28px;
                    color: #666;
                    width: 100%;
                    display: block;
                    word-wrap: break-word;
                }
            }

            .vadiofile {
                // position: absolute;
                // left: 0;
                // top: 0;
                // right: 0;
                // bottom: 0;
                display: none;
            }
        }

        li > img {
            background-color: #fff;
            position: absolute;
            width: 60px;
            height: 60px;
            left: 30px;
            top: 26px;

            &.head {
                border-radius: 50%;
            }

            &.head-img {
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                z-index: 2;
                opacity: 0;
            }
        }

        a {
            @extend .text-els;
        }

        p {
            font-size: 22px;
            color: #999;
        }
    }
}

.hasfoot2 {
    padding-bottom: 140px;
}

.pjb_ntcread {
    display: block;
    background-color: $colorBlue;
    color: #fff;
    font-size: 34px;
    line-height: 100px;
    //border-radius: 10px;
    text-align: center;
    //margin: 20px;
    &.active,
    &:active {
        position: relative;
        top: 1px;
        background-color: #fff;
        color: #999;
    }
}
//公告详情-教师端

.pjb_noticelisttch {
    text-align: center;
    margin-top: 80px;

    .typebar {
        display: inline-block;
        border: 1px solid $colorBlue;

        a {
            display: inline-block;
            float: left;
            line-height: 46px;
            color: $colorBlue;
            background-color: #fff;
            width: 150px;

            &.active {
                background-color: $colorBlue;
                color: #fff;
            }
        }
    }

    .userlist {
        margin-top: 40px;
        text-align: left;

        a {
            display: block;
            background-color: #fff;
            margin: 10px 0;
            padding: 14px 0;

            img {
                width: 60px;
                height: 60px;
                border-radius: 50%;
                margin-left: 26px;
            }

            span {
                margin-left: 30px;
                font-size: 28px;
                color: #666;
            }
        }
    }
}
//详细资料

.hlinkfile {
    background: url("../img/icon/down.png") no-repeat center center;
    background-size: 40px;
}

#fileiframe {
    width: 100%;
    height: 100vh;
    border: 0;
}
//作业
//课程列表

#pjb_courselist {
    background-color: #fff;
    //border: 1px solid #eee;
    .totalw {
        width: 100px;
    }

    tr {
        display: table-row;

        &:nth-child(2n+1) td {
            background-color: #ebf6fd;
        }

        th {
            background-color: #01B4EE;
            color: #fff;
            font-weight: normal;
            font-size: 30px;
        }

        td {
            //white-space: normal;
            line-height: 1.5;
            border-right: 1px solid #eee;
            color: #333;
            font-size: 24px;
            min-width: initial;

            &.rowspan {
                background-color: #fff;
            }
        }

        td,
        th {
            padding: 10px 20px;
            border-bottom: 1px solid #eee;
            white-space: nowrap;
        }

        .rowspan {
            font-size: 30px;
            color: #01B4EE;
            border-right: 1px solid #eee;
        }
    }
}
// .pjb_sltclass {
//     background-color: #fff;
//     min-height: 100px;
// }
//相册详情

.iosinputbox {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.pjb_commentbox {
    position: fixed;
    // top: 100vh;
    // margin-top: -110px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #eee;
    padding: 20px 160px 20px 20px;
    z-index: 20;
    font-size: 30px;

    input {
        height: 70px;
        width: 100%;
        line-height: 70px;
        box-sizing: border-box;
        border-radius: 8px;

        &[type='text'] {
            padding: 20px;
            line-height: 30px;
        }
    }

    .btn {
        position: absolute;
        right: 20px;
        top: 20px;
        bottom: 20px;
        background-color: $colorBlue;
        color: #fff;
        text-align: center;
        width: 120px;
    }
}
//相册列表

.pjbcb_active {
    border: 1px solid $colorBlue!important;
    // border-radius: 10px;
    // box-sizing: border-box;
}

#pjbleavelist #leavetitle {
    width: 5.6em!important;
    white-space: nowrap;
}

.pjb_filedown {
    text-align: center;

    .filedntip {
        font-size: 36px;
        padding: 30vh 0;
        text-align: center;
        color: #ccc;
    }

    .ntcfileimg {
        line-height: 86vh;
    }

    .imgdown {
        //min-height: 5em;
        line-height: 5em;
    }
}

#pjb_scorebottom {
    border-top: 1px solid #ebe7e7;
}

#pjb_cbxlist {
    .cbx {
        span {
            padding-left: 34px;
            background: url("../Img/icon/cbx.png") no-repeat left center;
            background-size: 26px;
            font-size: 28px;
            line-height: 32px;
        }

        input {
            display: none;

            &:checked+span {
                background-image: url("../Img/icon/cbx2.png");
                color: $colorBlue;
            }
        }
    }
}

#pjb_tbscore {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    span {
        line-height: 1.5em;
    }

    .score_time {
        //flex: none;
        white-space: nowrap;
    }

    .score_subject {
        flex: 1;
        left: 0;
        padding-left: 1em;
    }
}

#newsbox {
    .index {
        width: 25%;
    }
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
}

.twosplit {
    width: 50%;
    float: left;
}

.twosplit2 {
    @extend .twosplit;
    background-color: #fff;
    color: $colorBlue;
}

.twosplit3 {
    @extend .twosplit2;
    //background-color: #999;
    color: #bdbcbc;
}

.confirmbox .color-orange {
    color: #fab61e;
}

#pdownrefresh {
    left: 0;
    right: 0;
    top: 0;
    // height: 100%;
    // overflow-y: auto;
}

#videofilebox {
    background-color: #ddd;
    margin-bottom: 30px;

    video {
        width: 100%;
    }
}

#score_details2 {
    .score_number,
    .score_title {
        li{
            width: 50%;
            &:last-child {
                display: none;
            }
        }
    }
}
